import React from 'react';
import {NavLink} from "react-router-dom";

function NavHeader(props) {
    return (
        <nav>
            <NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/"}>首页</NavLink>|
            <NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/newsList"}>新闻列表页</NavLink>|
            <NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/goodsList"}>商品列表页</NavLink>|
            <NavLink className={({isActive})=>isActive?"a-active":"a-link"} to={"/my"}>个人中心</NavLink>
        </nav>
    );
}

export default NavHeader;